<template>
	<div class="vueKnow">
		<h1>vue的渲染过程</h1>
        <div v-for="(item, index) in textArr" :key="index">
			<span class="pllugin-name">{{ item.name }}</span>
			<p class="pllugin-explain">{{ item.explain }}</p>
		</div>
        <img src="@/assets/vue-rander.png" alt="">
	</div>
</template>

<script>
import textArr from './text'

export default {
	data() {
		return {
			textArr: textArr,
		}
	},
}
</script>

<style lang="less">
.vueKnow {
}
</style>